Server-Driven UI
#アーキテクチャ #コンポーネントツリー
https://scrapbox.io/files/65480e77386e3f001c90eb99.png
UI/UXの多様性を支えるために、APIでUIを送信するアーキテクチャ
Smart UIの精神的後継と言える
A Deep Dive into Airbnb’s Server-Driven UI System #Airbnb
日本語解説: Airbnbが採用するServer-Driven UIについて、私達はどう活かすのか
Sending UI over APIs
Lyft, Instagramでもこのアーキテクチャが使われている
The Journey to Server Driven UI At Lyft Bikes and Scooters | by Alex Hartwell | Lyft Engineering
プロダクトのスケールを見据えてServer-Driven UIを採用してみる
SDUIの場合はコンテンツの出し分けをバックエンドのみで行うため設計がしやすく、ビジネスロジックを考えることに集中出来ています。
What is Server-Driven UI?
Server-driven UI (SDUI) is an emerging technique used by companies like Airbnb and Lyft that leverage the server to build the user interfaces of their mobile apps. This opens up new possibilities and addresses some fundamental challenges with native mobile app development. Before we look at how server-driven UI works, let’s take a look at how mobile apps are developed toda
---
サーバー駆動型UI(SDUI)は、AirbnbやLyftのような企業が、モバイルアプリのユーザーインターフェイスを構築するためにサーバーを活用する新しい技術です。これにより、新たな可能性が開かれ、ネイティブ・モバイル・アプリケーション開発の基本的な課題に対処することができます。サーバー駆動型UIの仕組みについて説明する前に、モバイルアプリがどのように開発されているのかを見てみましょう。
#UI/UX #インタフェース #ネイティブアプリ
Implementing Server-Driven UI Architecture on the Shop App
Server Driven UI With Flutter, Figma and Firebase Remote Config #Flutter #Figma #Firebase
Airbnb’s Server-Driven UI System(Ghost Platform) の感想
【メモ】Server-Driven UIについて
スキーマ駆動開発を更に発展させたものなイメージ
GraphQLは必須だろうkoushisa.icon
2023/11/06
https://twitter.com/koichik/status/1690563516535873537
Nativeでもあまり使われない機能をバンドルするのは非効率だったりストアからの配布に時間がかかったりでインスタ(React Native + Relay)では彼らが「Data-Driven Dependencies (3D)」と呼ぶコードの遅延ロード的な技術が使われています (Server-Driven UIと呼ばれることも)
RSCやAppRouterはGraphQLの正統進化で、resolverがJSXを返すようなもの
国内事例
Jetpack ComposeとGraphQLによるServer Driven UI
Server-Driven UIの採用背景と実装について